<template>
	<view class="detail_content">
		<view class="corporate_name">
			<view class="detail_logo">
				<image 
				@click="handeleHomePage" 
				:src="setImage(detailData.user.avatar)" 
				style="width: 96rpx;height: 96rpx;border-radius: 16rpx;"  />
			</view>
			<view class="corporate_right">
				<view class="corporate_right_top">{{lang==='zh'?detailData.user.username:detailData.user.username_ru}}</view>
				<view class="corporate_right_comment" >
					<image 
					v-if="detailData.country==0"
					:src="HTTP_IMG_UTL+'zone_001681@4x.png'" mode="" 
					style="width: 30rpx;height: 22rpx;margin-bottom: 35rpx;"></image>
					<image 
					v-if="detailData.country==1" 
					:src="HTTP_IMG_UTL+'zone_002680@4x.png'" mode="" 
					style="width: 30rpx;height: 22rpx;margin-bottom: 35rpx;"></image>
					<view style="position: relative;margin-bottom: -10rpx;">
						<image :src="HTTP_IMG_UTL+'pingjia123_138@4x.png'" style="width: 392rpx;height: 44rpx;" />
						<view class="pingjia_bottom">
							<view style="margin-left: 73rpx;font-size: 24rpx;margin-right: 10rpx;">{{$t('评价')}} :</view>
							<!-- 评论  星星等级 -->
							<image v-for="(item,index) in 5" :key="index" :src="HTTP_IMG_UTL+'xingxing@4x.png'" style="width: 28rpx;height: 28rpx;margin-right: 8rpx;" />
						</view>
					</view>
				</view>
			</view>
		</view>
		
		
		
		<!-- 数据详情 -->
		<view  class="ant_list_items" >
			
			<view class="detailData_goods_name" v-if="lang==='zh'">
				{{detailData.category.name?detailData.category.name:detailData.goods_name?detailData.goods_name:'-'}}
			</view>
			
			<view class="detailData_goods_name" v-if="lang==='ru'">
				{{detailData.category.name_ru?detailData.category.name_ru:detailData.goods_name_ru?detailData.goods_name_ru:'-'}}
			</view>
			
			
			<view style="width: 100%;height: 200rpx;display: flex;justify-content: space-between;margin-top: 30rpx;align-items: center;">
				<view style="width: 60%;height: 220rpx;">
					<view style="width: 198rpx;height: 49rpx;display: flex;align-items: center;justify-content: space-between;">
						<image v-if="detailData.departure_country == 0" style="width: 66rpx;height: 48rpx;" :src="HTTP_IMG_UTL+'zone_001681@4x.png'" mode=""></image>
						<image v-if="detailData.departure_country == 1" style="width: 66rpx;height: 48rpx;" :src="HTTP_IMG_UTL+'zone_002680@4x.png'" mode=""></image>
						<image style="width: 42rpx;height: 24rpx;" :src="HTTP_IMG_UTL+'2014919@4x.png'" mode=""></image>
						<image v-if="detailData.reach_country == 0" style="width: 66rpx;height: 48rpx;" :src="HTTP_IMG_UTL+'zone_001681@4x.png'" mode=""></image>
						<image v-if="detailData.reach_country == 1" style="width: 66rpx;height: 48rpx;" :src="HTTP_IMG_UTL+'zone_002680@4x.png'" mode=""></image>
					</view>
					<view style="margin-top: 12rpx;">
						<u-tag
						mode="dark" 
						bg-color="#54CEE3" 
						:text="lang==='zh'?detailData.whole_diffuse:detailData.whole_diffuse_ru" 
						/>
						
					</view>
					
					<view style="margin-top: 12rpx;">
						<u-tag
						mode="dark" 
						bg-color="#378BFD" 
						:text="lang==='zh'?detailData.goods_volume+'m³':detailData.goods_volume_ru+'m³'"  />
						<u-tag 
						style="margin-left: 20rpx;"
						mode="dark" 
						bg-color="#54D441" 
						:text="lang==='zh'?detailData.load_num+'kg':detailData.load_num_ru+'kg'"  />
					</view>
					<view style="font-size: 26rpx;height: 40rpx;display: flex;align-items: center;">
					<span v-if="detailData.car_l !==''">{{detailData.car_l}}m*</span>
					<span v-if="detailData.car_w !==''">{{detailData.car_w}}m*</span>
					<span v-if="detailData.car_h !==''">{{detailData.car_h}}m</span>
					
					</view>
				</view>
				<image style="width: 276rpx;height: 177rpx;margin-bottom: 40rpx;" :src="IMGURL+detailData.category.image" mode=""></image>
			</view>
			<view style="width: 100%;height: 52rpx;display: flex;">
				<image style="width: 52rpx;height: 52rpx;" :src="HTTP_IMG_UTL+'one_11565@4x.png'" mode=""></image>
				<view style="width: 80%;height: 52rpx;display: flex;flex-direction: column;justify-content: space-between;margin-left: 12rpx;">
					<view style="font-size: 22rpx;">{{$t('出发城市')}}</view>
					<view style="font-size: 20rpx;">{{$t(detailData.hyd?detailData.hyd:$t('不限'))}}</view>
				</view>
			</view>
			<view style="width: 100%;height: 52rpx;display: flex;margin-top: 30rpx;">
				<image style="width: 52rpx;height: 52rpx;" :src="HTTP_IMG_UTL+'one44_568@4x.png'" mode=""></image>
				<view style="width: 80%;height: 52rpx;display: flex;flex-direction: column;justify-content: space-between;margin-left: 12rpx;">
					<view style="font-size: 22rpx;">{{$t('到达城市')}}</view>
					<view style="font-size: 20rpx;">{{$t(detailData.shd?detailData.shd:$t('不限'))}}</view>
				</view>
			</view>
			<view style="margin-top: 30rpx;font-size: 30rpx;">{{$t('运输方式')}}</view>
			
			<image v-if="detailData.mode==='汽运'" style="width: 197rpx;height: 100rpx;margin-top: 20rpx;" src="https://app.gluz.com.cn/uniappAssets/huowuPic1.png" mode=""></image>
			<image v-if="detailData.mode==='空运'" style="width: 197rpx;height: 100rpx;margin-top: 20rpx;" src="https://app.gluz.com.cn/uniappAssets/huowuPic8.png" mode=""></image>
			<image v-if="detailData.mode==='海运'" style="width: 197rpx;height: 100rpx;margin-top: 20rpx;" src="https://app.gluz.com.cn/uniappAssets/huowuPic6.png" mode=""></image>
			<image v-if="detailData.mode==='火车'" style="width: 197rpx;height: 100rpx;margin-top: 20rpx;" src="https://app.gluz.com.cn/uniappAssets/huowuPic7.png" mode=""></image>
			
			<view v-if="detailData.mode==='不限'" style="width: 100%; display: flex;">
				<image  style="width: 197rpx;height: 100rpx;margin-top: 20rpx;" src="https://app.gluz.com.cn/uniappAssets/huowuPic1.png" mode=""></image>
				<image  style="width: 197rpx;height: 100rpx;margin-top: 20rpx;" src="https://app.gluz.com.cn/uniappAssets/huowuPic8.png" mode=""></image>
				<image  style="width: 197rpx;height: 100rpx;margin-top: 20rpx;" src="https://app.gluz.com.cn/uniappAssets/huowuPic6.png" mode=""></image>
				<image  style="width: 197rpx;height: 100rpx;margin-top: 20rpx;" src="https://app.gluz.com.cn/uniappAssets/huowuPic7.png" mode=""></image>
			</view>
			
		</view>
		
	
		<view class="images1">
			<view style="width: 100%;display: flex;align-items: center;">
				<view style="width: 8rpx;height: 36rpx;background: linear-gradient(102deg, #D9F0A3 0%, rgba(217, 240, 163, 0.411) 55%, rgba(201, 239, 49, 0) 100%);"></view>
				<view style="margin-bottom: 15rpx;font-weight: 700;margin-left: 8rpx;">{{$t('详情信息')}}</view>
			</view>
			<view style="width: 100%;height: 108rpx;display: flex;flex-direction: column;justify-content: space-around;border-bottom: 1rpx solid #D8D8D8;">
				<view style="font-size: 26rpx;">{{$t('出发城市')}}</view>
				<view style="font-size: 24rpx;" v-if="lang==='zh'">{{detailData.departurecitys.mergename?detailData.departurecitys.mergename:'-'}}</view>
				<view style="font-size: 24rpx;" v-if="lang==='ru'">{{detailData.departurecitys.mergename_ru?detailData.departurecitys.mergename_ru:'-'}}</view>
			</view>
			<view v-if="detailData.departure_address !== '' && detailData.departure_address_ru !==''" style="width: 100%;height: 108rpx;display: flex;flex-direction: column;justify-content: space-around;border-bottom: 1rpx solid #D8D8D8;">
				<view style="font-size: 26rpx;">{{$t('具体地址')}}</view>
				<view style="font-size: 24rpx;" v-if="lang==='zh'">{{level===0?'**********':detailData.departure_address?detailData.departure_address:'-'}}</view>
				<view style="font-size: 24rpx;" v-if="lang==='ru'">{{level===0?'**********':detailData.departure_address_ru?detailData.departure_address_ru:'-'}}</view>
			</view>
			<view style="width: 100%;height: 108rpx;display: flex;flex-direction: column;justify-content: space-around;border-bottom: 1rpx solid #D8D8D8;">
				<view style="font-size: 26rpx;">{{$t('到达城市')}}</view>
				<view style="font-size: 24rpx;" v-if="lang==='zh'">{{detailData.reachcitys.mergename?detailData.reachcitys.mergename:'-'}}</view>
				<view style="font-size: 24rpx;" v-if="lang==='ru'">{{detailData.reachcitys.mergename_ru?detailData.reachcitys.mergename_ru:'-'}}</view>
			</view>
			<view v-if="detailData.reach_address !=='' && detailData.reach_address_ru !==''" style="width: 100%;height: 108rpx;display: flex;flex-direction: column;justify-content: space-around;border-bottom: 1rpx solid #D8D8D8;">
				<view style="font-size: 26rpx;">{{$t('具体地址')}}</view>
				<view style="font-size: 24rpx;" v-if="lang==='zh'">{{level===0?'**********':detailData.reach_address?detailData.reach_address:'-'}}</view>
				<view style="font-size: 24rpx;" v-if="lang==='ru'">{{level===0?'**********':detailData.reach_address_ru?detailData.reach_address_ru:'-'}}</view>
			</view>
			<view style="width: 100%;height: 108rpx;display: flex;flex-direction: column;justify-content: space-around;border-bottom: 1rpx solid #D8D8D8;">
				<view style="font-size: 26rpx;">{{$t('接货时间')}}</view>
				<view style="font-size: 24rpx;">{{detailData.give_install_date?detailData.give_install_date:'-'}}</view>
			</view>
			<view style="width: 100%;height: 108rpx;display: flex;flex-direction: column;justify-content: space-around;border-bottom: 1rpx solid #D8D8D8;">
				<view style="font-size: 26rpx;">{{$t('运输速度')}}</view>
				<view style="font-size: 24rpx;">{{detailData.desire_speed?detailData.desire_speed:'-'}}{{detailData.desire_speed?$t(detailData.speed_unit):''}}</view>
			</view>
			<view style="width: 100%;height: 108rpx;display: flex;flex-direction: column;justify-content: space-around;border-bottom: 1rpx solid #D8D8D8;">
				<view style="font-size: 26rpx;">{{$t('期望运费总价')}}</view>
				<view style="font-size: 24rpx;">{{detailData.desire_price?detailData.desire_price:$t('等待报价')}} {{detailData.desire_price?$t(detailData.price_unit):''}}</view>
			</view>
			<view style="width: 100%;height: 108rpx;display: flex;flex-direction: column;justify-content: space-around;border-bottom: 1rpx solid #D8D8D8;">
				<view style="font-size: 26rpx;">{{$t('联系电话')}}</view>
				<view style="font-size: 24rpx;">{{level===0?'**********':detailData.tel?detailData.tel:'-'}}</view>
			</view>
		</view>
		
		<view class="images2" v-if="detailData.images.length > 0">
			<view style="width: 100%;display: flex;justify-content: flex-start;">
				<view style="width: 8rpx;height: 36rpx;background: linear-gradient(102deg, #D9F0A3 0%, rgba(217, 240, 163, 0.411) 55%, rgba(201, 239, 49, 0) 100%);"></view>
				<view style="margin-left: 8rpx;">{{$t('驾驶证照片')}}</view>
			</view>
			<view style="height: 40rpx;"></view>
			
			<view style="width: 100%;display: flex;flex-direction: column;align-items: center;">
				<image 
				v-for="(item,index) in detailData.images" 
				style="width: 650rpx;height: 650rpx;" :src="IMGURL+item" mode=""></image>
			</view>
		</view>
		<view style="height: 150rpx;"></view>
		<view 
		style="width: 100%;height: 100rpx;display: flex;align-items: center;justify-content: space-between;padding: 11rpx 30rpx;background-color: #FFFFFF;margin-top: 60rpx;position: fixed;bottom: 0;z-index: 100;">
			<view @click="setGuan" style="width: 125rpx;display: flex;height: 42rpx;align-items: center;justify-content: space-between;">
				<image v-if="follow===1" style="width: 42rpx;height: 42rpx;" :src="HTTP_IMG_UTL+'guanzhu_@4x.png'" mode=""></image>
				<image v-if="follow===2" style="width: 42rpx;height: 42rpx;" :src="HTTP_IMG_UTL+'yiguanzhu@4x.png'" mode=""></image>
				<view :class="follow===1?'guanzhu1':'guanzhu2'">{{$t('关注')}}</view>
			</view>
			<view style="width: 484rpx;height: 78rpx;display: flex;justify-content: space-between;">
				<!-- <view class="pos_block1" @click.stop="handeleJingbiao">{{jb()}}</view> -->
				<view class="pos_block2" @click.stop="handeleGoutong">{{$t('即时沟通')}}</view>
			</view>
		</view>
		<vipPopup v-if="vipShow" :show="vipShow" @change="clickVipPopup" />
	</view>
</template>
<script>
	import {
		IMAGE_URL,
		HTTP_IMG_UTL
	} from '@/config/app'
	import {
		createC2CConversation,
		isBase64,
		time
	} from "@/common/public";
	import vipPopup from "@/components/vipPopup/index.vue";
	export default{
		components:{
			vipPopup
		},
		data(){
			return{
				HTTP_IMG_UTL,
				IMGURL:'',
				count:5,
				value:5,
				id: 0, // 商品id
				type: 1, // 1=推广，2=竞标
				releaseType: '',
				status: '',
				lang: getApp().globalData.lang,
				detailData:{},  //详情数据
				level:0,//会员等级0为未注册会员
				//后台开关验证 vip权限
				vip:false,
				vipShow: false,	
				follow:1
			}
		},
		onLoad(option) {
			
			this.IMGURL = IMAGE_URL
			this.releaseType = option.releaseType
			this.id = parseInt(option.id)
			this.type = parseInt(option.type)
			this.status = option.status
			this.lang = this.$i18n.locale
			const value = uni.getStorageSync('level');
			this.level = value.level
			console.log(this.level);
			this.getDetail()
			this.getGuan()
		},
		methods:{
			// 点击关注
			setGuan(){
				let data={
					guanzhu_id:this.id,
					lang: this.lang,
					release_type: "goods",
					type:this.type,
				}
				this.$u.api.user.tgGuanZhu(data).then(res=>{
					if(this.follow==1){
						this.follow=2
					}else{
						this.follow=1
					}
					
				})
			},
			// 获取关注
			getGuan(){
				let data={
					guanzhu_id: this.id,
					lang: this.lang,
					release_type: "goods",
					type: this.type,
				}
				this.$u.api.user.isGuanZhu(data).then(res=>{
					console.log('res:',res);
					this.follow = res
				})
			},
			clickVipPopup() {
				this.vipShow = false		//点击vip弹窗隐藏
			},
			// 即时沟通
			handeleGoutong(){
				createC2CConversation(this.detailData.user.mobile,this)
			},
			// 参与竞拍
			handeleJingbiao(){
				// 先判断手机号，如果使自己手机号，自己不能和参与
				var mobile = uni.getStorageSync('mobile');
				
				if (mobile === this.detailData.user.mobile) {
					this.$u.toast(this.$t('不能参与自己'));
					return 
				}
				this.$u.api.user.order_join_day_auth({
					lang:this.lang
				}).then(res => {
					if(res==1){
						//参与竞标
						uni.navigateTo({
							url:'/pages/order/process/buildOrder?release_id='+this.detailData.id+'&type='+'goods'
						})
					}else{
						if(this.vip){
							this.vipShow = true
							return
						}else{
							uni.showModal({
								content: this.$t('您的权限不足哦!请联系工作人员!'),
								showCancel: false,
								confirmText: this.$t('是'),
							})
							return false;
						}
						return
					}
				})
			},
			//判断头像是否为base64
			isBase64(str){
				if (!str) return
				let str1 = str;
				if (typeof str == 'object') {
					str1 = str['url']
				}
				return !!(str1.includes("data:image") && str1.includes(";base64,"));
			},
			setImage(IMAGE){
				if(IMAGE.slice(-3)==='png' || IMAGE.slice(-3)==='jpg'){
					return this.IMGURL+IMAGE
				}else{
					return IMAGE
				}
			},
			//拼接前缀url
			ImageUrl(url){
				return this.isBase64(url) ? url : IMAGE_URL + url
			},
			
			// /pages/user/homePage/homePage?id=3657
			handeleHomePage(){
				uni.navigateTo({
					url:'/pages/user/homePage/homePage?id='+this.detailData.user_id
				})
			},
			// 时间戳转换
			setTimestamp(timestamp){
				const date = new Date((timestamp*1) * 1000);
				// 获取年份、月份和日期
				const year = date.getFullYear();
				const month = String(date.getMonth() + 1).padStart(2, '0');
				const day = String(date.getDate()).padStart(2, '0');
				const formattedDate = `${year}-${month}-${day}`;
				return formattedDate
			},
			// 即时沟通
			handeleConver(){
				createC2CConversation(this.detailData, this)
			},
			// 获取详情数据
			getDetail() {
				switch (this.releaseType) {
					case 'transport':
						this.$u.api.collection.getTransportDetailDetail({
							id: this.id
						}).then(res => {
							this.detailData = res
							
							this.detailData.buy_images = res.images
							this.detailData.buy_videos = res.videos
							this.detailData.buy_files = res.files
							
							this.loading = true
						})
						break;
				}
			},
			getLang() {
				// 获取缓存lang当前语言值
				uni.getStorage({
					key: 'lang',
					success: res => {
						if (res.data == 'zh') { //zh为中国，赋值0
							this.lang = 'zh'
						} else { //其他为俄罗斯，赋值1
							this.lang = 'ru'
						}
					}
				});
				// uni.getStorage({
				// 	key: 'user_id',
				// 	success: res => {
				// 		this.userid = res.data
				// 	}
				// });
			},
		},
		onReady() {
			uni.setNavigationBarTitle({
				title: this.$t("详情页")
			})
		},
	}
</script>

<style lang="scss" scoped>
	.guanzhu1{
		font-size: 35rpx;
		width: 70rpx;
		text-overflow: ellipsis;
		    overflow: hidden;
		    word-break: break-all;
		    white-space: nowrap;
	}
	.guanzhu2{
		font-size: 35rpx;
		color:  #DE4023;
		width: 70rpx;
		text-overflow: ellipsis;
		    overflow: hidden;
		    word-break: break-all;
		    white-space: nowrap;
	}
	.pos_block1 {
		width: 228rpx;
		height: 78rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 34rpx;
		background: linear-gradient(111deg, #D7F09D 0%, #F8FCF1 86%), #D8D8D8;
		border-radius: 18rpx;
	}
	.pos_block2 {
		width: 484rpx;
		height: 78rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 34rpx;
		background: linear-gradient(99deg, #FF8C7B 15%, #FFD1A2 99%), #D8D8D8;
		border-radius: 18rpx;
		color: #FFFFFF;
	}
	.images2{
		width: 690rpx;
		min-height: 867rpx;
		border-radius: 16rpx;
		background-color: #FFFFFF;
		margin-top: 16rpx;
		padding: 41rpx 20rpx 41rpx 20rpx;
		display: flex;
		flex-direction: column;
		// align-items: center;
	}
	.im1{
		width: 326rpx;
		height: 93rpx;
		border-radius: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(0, 0, 0, 0.84);
		font-size: 28rpx;
		color: #ffffff;
	}
	.im2{
		color: #ffffff;
		font-size: 28rpx;
		width: 326rpx;
		height: 93rpx;
		border-radius: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(106deg, #FF8C7B 15%, #FFD1A2 99%), rgba(0, 0, 0, 0.84);
	}
	// .images2{
	// 	margin-top: 36rpx;
	// 	width: 650rpx;
	// 	height: 71rpx;
	// 	border-radius: 8rpx;
	// 	background-color: #F5F4F9;
	// 	// display: flex;
	// 	// align-items: center;
	// 	// justify-content: center;
	// 	line-height: 71rpx;
	// 	text-align: center;
	// 	font-size: 22rpx;
	// 	line-height: 1; 
	// }
	.images1{
		width: 690rpx;
		min-height: 536rpx;
		border-radius: 16rpx;
		background-color: #FFFFFF;
		margin-top: 16rpx;
		padding: 21rpx 20rpx 21rpx 20rpx;
		display: flex;
		flex-direction: column;
		// align-items: center;
	}
	.m1{
		position: absolute;
		top: 50rpx;
		left: -35rpx;
		font-size: 18rpx;
	}
	.m2{
		position: absolute;
		top: 95rpx;
		left: 95rpx;
		font-size: 18rpx;
		transform: rotate(-35deg); /* 旋转 50 度 */
	}
	.m3{
		position: absolute;
		top: 105rpx;
		left: 0rpx;
		font-size: 18rpx;
		transform: rotate(25deg); /* 旋转 50 度 */
	}
	.detailData_goods_name{
		width: 500rpx;
		font-size: 30rpx;
		// height: 30rpx;
		text-overflow: ellipsis;
		    overflow: hidden;
		    word-break: break-all;
		    white-space: nowrap;
	}
	.pingjia_bottom{
		position: absolute;
		top: 0;
		left: 0;
		width: 392rpx;
		height: 44rpx;
		// background-color: red;
		display: flex;
		align-items: center;
	}
	.detail_block_list{
		width: 650rpx;
		height: 62rpx;
		border-bottom: 1rpx solid #D8D8D8 ;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #3D3D3D;
	}
	.list_departure_country {
		width: 70%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 26rpx;
	}
	
	.list_whole_diffuse {
		font-size: 20rpx;
		padding: 6rpx 22rpx;
		background-color: #54CEE3;
		color: #ffffff;
		border-radius: 8rpx;
		margin-right: 9rpx;
	}
	
	.list_load_num {
		font-size: 20rpx;
		padding: 6rpx 20rpx;
		background-color: #378BFD;
		color: #ffffff;
		border-radius: 8rpx;
		margin-right: 9rpx;
	}
	
	.list_goods_volume {
		font-size: 20rpx;
		padding: 6rpx 13rpx;
		background-color: #54D441;
		color: #ffffff;
		border-radius: 8rpx;
	}
	
	.list_category_name {
		width: 300rpx;
		height: 50rpx;
		text-align: end;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		white-space: nowrap;
		font-size: 26rpx;
	}
	
	.list_communicate_model {
		width: 320rpx;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	
	.list_communicate {
		padding: 14rpx 16rpx;
		background-color: #000000;
		color: #ffffff;
		font-size: 20rpx;
		border-radius: 9rpx;
		margin-top: 20rpx;
	}
	
	.list_bottom {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 22rpx;
	}
	
	.list_right {
		font-size: 26rpx;
		color: #A4A4A4;
		width: 112rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 30rpx;
	}
	
	.list_block_top {
		width: 100%;
		height: 70rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		// background-color: red;
	}
	
	.list_block {
		width: 650rpx;
		min-height: 190rpx;
		display: flex;
		flex-direction: column;
	}
	
	.items_top {
		width: 650rpx;
		height: 30rpx;
		background-color: blue;
	}
	.ant_list_items {
		width: calc(100% - 60rpx);
		min-height: 629rpx;
		border-radius: 16rpx;
		background-color: #ffffff;
		margin-top: 10rpx;
		display: flex;
		flex-direction: column;
		padding: 28rpx 20rpx 28rpx 20rpx;
	}
	.detail_block{
		width: calc(100% - 60rpx);
		height: 172rpx;
		margin-top: 10rpx;
		background: #FFFFFF;
		display: flex;
		padding: 26rpx 20rpx 26rpx 20rpx;
		display: flex;
		justify-content: space-between;
		border-radius: 16rpx;
	}
	.corporate_right_comment{
		width: 100%;
		height: 80rpx;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.corporate_right_top{
		width: 500rpx;
		height: 50rpx;
		margin-top: 22rpx;
		 text-overflow: ellipsis;
		    overflow: hidden;
		    word-break: break-all;
		    white-space: nowrap;
	}
	.corporate_right{
		width: 600rpx;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		// background-color: #378BFD;
	}
	.detail_logo{
		width: 136rpx;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.corporate_name{
		width: calc(100% - 60rpx);
		height: 124rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		margin-top: 10rpx;
		display: flex;
	}
	.detail_content{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
</style>
<style>
	page {
		background: #F6F6F6;
	}
</style>